@model MvcCmsSocial.Models.ViewData.SocialModel
@{
    ViewBag.Title = Model._User.UserName + " at " + Model._Portal.DisplayName;
}
@section HtmlHead{
<link href="@Url.Content("/RazorThemes/" + Model._Portal.SkinName + "/css/social.css")" rel="stylesheet" type="text/css" />
<link href="@Url.Content("/RazorThemes/" + Model._Portal.SkinName + "/css/jquery.tabs.css")" rel="stylesheet" type="text/css" />
<link href="@Url.Content("/RazorThemes/" + Model._Portal.SkinName + "/css/jquery_slideshow.css")" rel="stylesheet" type="text/css" />
<link href="@Url.Content("/RazorThemes/" + Model._Portal.SkinName + "/css/message.css")" rel="stylesheet" type="text/css" />
<!-- Additional IE/Win specific style sheet (Conditional Comments) -->
<!--[if lte IE 7]>
        <link rel="stylesheet" href="/areas/mvccmsSocial/content/jquery.tabs-ie.css" type="text/css" media="projection, screen">
        <![endif]-->
}
@{    
    string website = "";
    string age = "";
    string location = "";
    if (Model._Profile != null)
    {
        website = Model._Profile.Website;
        if (Model._Profile.City != null)
        {
            location = Model._Profile.City + ", " + Model._Profile.StateProvince.Name;
        }
        if (Model._Profile.BirthDate != null)
        {
            age = DateTime.Parse(Model._Profile.BirthDate).ToTimeSinceString();
        }
    }
}
<strong>@Model._User.UserName </strong>
<div class="social-top">
    <div class="social-left">
        <p>
            <img id="profilePicture" src="/uploadedimages/@Model._Portal.Name.ToUrlFormat()/Profiles/@ViewData["ProfilePic"]" />
        </p>
    </div>
    <div class="social-right">
        <div>
            <h2 style="margin-top: 20px;">
                Registered User</h2>
            <table style="font-size: x-small;">
                <tbody>
                    <tr>
                        <td style="width: 120px;">
                            name
                        </td>
                        <td style="width: 230px;">
                            <b>@Model._User.UserName </b>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            member for
                        </td>
                        <td>
                            <span>@Model._User.CreationDate.GetValueOrDefault().ToTimeSinceString() </span>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            seen
                        </td>
                        <td>
                            <span>@Model._User.LastActivityDate.GetValueOrDefault().ToTimeSinceString() ago</span>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            website
                        </td>
                        <td>
                            <div style="overflow: hidden;">
                                <a rel="nofollow me" href="http://@website.Replace("http://", "") ">@website</a>
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            location
                        </td>
                        <td>
                            @location
                        </td>
                    </tr>
                    <tr>
                        <td>
                            age
                        </td>
                        <td>
                            @age
                        </td>
                    </tr>
                </tbody>
            </table>
        </div>
        <div class="social_aboutme">
            About Me:
            <div id="originalAboutMeContent" class="aboutme-preview">
                @if (Model._SocialData != null)
                {
                   @MvcHtmlString.Create(Model._SocialData.AboutMe)
                }
                &nbsp;
            </div>
        </div>
    </div>
    <div class="clear">
    </div>
</div>
<br />
<div class="wall">
    <div id="tabs">
        <ul>
            <li><a href="/social/wall/@Model._User.UserID/@ViewData["PageNumber"] "><span>Wall</span></a></li>
            <li><a href="/social/info/@Model._User.UserID "><span>Info</span></a></li>
            <li><a href="/social/photos/@Model._User.UserID "><span>Photos</span></a></li>
        </ul>
    </div>
</div>
<div>
    <a href="/social">newest 40 profiles</a></div>
@section ScriptContent{
<script src="@Url.Content("/areas/mvccmsSocial/scripts/jquery.tabs.pack.js")" type="text/javascript"></script>
<script src="@Url.Content("/areas/mvccmsSocial/scripts/jquery-ui-1.7.2.custom.min.js")" type="text/javascript"></script>
<script src="@Url.Content("/areas/mvccmsSocial/scripts/jquery_slideshow_hide_next_prev.js")" type="text/javascript"></script>
<script type="text/javascript">
    $(document).ready(function () {
        $(function () {
            $('#tabs').tabs({ remote: true, fxFade: true, fxSpeed: 'fast' });
        });
    });                                
</script>

}
